<template>
	<div>
		<div class="fixed">
			<div class="header">
				定制游
				<div>
					<router-link to="/home">
						<span></span>
					</router-link>
				</div>
			</div>
			<img src="static/menuimg/1487577507_67798.jpg">
		</div>
		<div class="fixed2">
			<ul>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
				<li>
					<div class="bg_left"></div>
					<div class="bg_right">
						<p>9个产品</p>
						<div>
							<p><b>独家精选</b></p>
							<p>UNIQUE COLLECTION</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
		<div class="fixed3">
			<div class="fixed3_left">电话咨询</div>
			<div class="fixed3_right">我要定制</div>
		</div>
	</div>
</template>
<script>
	export default{
		data(){
			return{

			}
		},
		mounted(){
			document.body.scrollTop=0;
		}
	}
</script>
<style scoped>
.fixed{
	position: fixed;
	height: 
}
.header{
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
	width: 10rem;
	padding: .25rem 0;
	text-align: center;
	font-size: .5rem;
	color: #fff;
	background-image:linear-gradient(to bottom,#5d5d5d,transparent 80%);
}
.header div{
	position: absolute;
	top: .6rem;
	left: 0;
	right: 0;
	z-index: 1;
}
.header div span{
    position: absolute;
    top: 50%;
    left: 0.4rem;
    width: 0.373333rem;
    height: 0.373333rem;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.fixed img{
	position: absolute;
	top: 0;
	left: 0;
}
.fixed2{
	position: fixed;
	top: 5.333333rem;
	left: 0;
	right: 0;
	bottom: 1.5rem;
	overflow-y: scroll;
	background: url(../../../static/menuimg/1487577319_25837.jpg)no-repeat left top;
	background-size: 100% 100%;	
	padding: .2rem;
}
.fixed2 ul{
	width: 100%;
}
.fixed2 ul li{
	width: 100%;
	background: rgba(40,198,133,.5) url(../../../static/menuimg/1487560241_65608.jpg)no-repeat left top;
	background-size: 100%;
	display: flex;
	flex-flow: nowrap;

}
.fixed2 ul li .bg_left{
	width: 2.5rem;
	height: 3.2rem;
	background: rgba(40,198,133,.5) url(../../../static/menuimg/1487560201_85577.png)no-repeat center;
}
.fixed2 ul li .bg_right{
	background: rgba(0,0,0,.5);
	padding: .5rem;
	font-size: .4rem;
	color: #fff;
	display: flex;
	flex-flow: wrap column;
	justify-content: space-between;
	width: 6.1rem;
}
.fixed3{
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	flex-flow: nowrap;
	font-size: .4rem;
	color: #fff;
	text-align: center;
	z-index: 9;
}
.fixed3_left{
	width: 4rem;
	background: #FF740D url(https://pics.lvjs.com.cn/mobile/coding/company2/static/images/tel.png)no-repeat .55rem .4rem;
	background-size: .65rem;
	line-height: 1.5rem;
}
.fixed3_right{
	width: 6rem;
	background: #D30775 url(https://pics.lvjs.com.cn/mobile/coding/company2/static/images/edit.png)no-repeat 1.4rem .45rem;
	background-size: .65rem;
	line-height: 1.5rem;
}	
</style>